<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>安全中心</title>
<import type="css" file="css.form" />
<import type="css" file="css.global" />
<import type="js" file="js.jquery" />
<import type="js" file="js.jquery#passwordStrength" />
<script type="text/javascript"> 
$(document).ready(function(){
	var $pwd = $('input[name="password"]');					   
	$pwd.passwordStrength();
	$(".Generate_password").click(function(){	
	//产生随机八位密码
	var pwd = $.passwordStrength.getRandomPassword(8);
	//将随机密码写入密码框，并触发验证
	$pwd.val(pwd).trigger("keyup");
	return false;
	})
});
function check(){
	var password = document.form1.password.value;
	var confirm_pass = document.form1.confirm_pass.value;
	if(password == ''){
		alert('对不起，新密码不能为空，请重新输入！');
		return false;
	}else{
		if(password != confirm_pass){
			alert('对不起，两次密码不一致，请重新输入！');
			return false;
		}else{
			return true;
		}
	}
}
</script>
<style type="text/css"> 
body{
	font: 13px "微软雅黑",Verdana,Arial,Helvetica,sans-serif;
	width: 650px; 
	margin: 0 auto;
}
.main{
	width:600px;
	margin: 0 auto;
}
.list{
	width:650px;
	margin:10px 0;
	float:left;
}
.text{
	width:80px;
	float:left;
	margin-left:100px;
}
.type{
	width:180px;
	float:left;
}
.submit{
	width:600px;
	float:left;
}
#passwordStrengthDiv{width:150px;float:left;margin-top:6px;}
.is0{background:url(__PUBLIC__/images/progressImg.png) no-repeat 0 0;width:138px;height:7px;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}
</style>
</head>
<body>
<form action="__APP__/Login/password_reset" method="post" onsubmit="return check();" name="form1">
<div class="main">
	<div class="list"> <strong>温馨提醒：</strong><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了保护您账号的安全，请不要将OA系统用户名的密码设为与其它网站（如：其它游戏、邮箱、聊天工具等）相同的密码。</div>
	<div class="list">
		<div class="text">系统用户名：</div>
		<div class="type">{$user_name}</div>
	</div>
	<div class="list">
		<div class="text">填写新密码：</div>
		<div class="type"><input type="password" name="password" id="password" class="BigInput" size="20" maxlength="25"></div>
		<div id="passwordStrengthDiv" class="is0"></div> 
	</div>
	<div class="list">
		<div class="text">确认新密码：</div>
		<div class="type"><input type="password" name="confirm_pass" id="confirm_pass" class="BigInput" size="20" maxlength="25"></div>
		<div id="confirm_pass_txt"></div>
	</div>
	<div class="list" style="padding-left:200px;">
		<input type="hidden" name="id" value="{$id}">
		<input type="hidden" name="mail_id" value="{$mail_id}">
		<input type="submit" value="提交" class="button" title="提交">
	</div>
</div>
</form>
</body>
</html>